<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>hengwang</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="shortcut icon" href="img/title.gif">
    <!--<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">-->
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>

<header>
   <div class="container">
         <div class="row">
             <div class="logo">
                 <a href=""><img src="img/logo.png" alt=""></a>
             </div>
                <nav>
                    <ul>
                        <li class="active"><a href="">首页</a></li>
                        <li><a href="">解决方案</a></li>
                        <li><a href="">产品展示</a></li>
                        <li><a href="">客户案例</a></li>
                        <li><a href="">服务中心</a></li>
                        <li><a href="">新闻动态</a></li>
                        <li><a href="">关于我们</a></li>
                        <li><a href="">招贤纳士</a></li>
                    </ul>
                </nav>
         </div>
   </div>
</header>
<section>
    <div class="banner">
        <img src="img/banner.png" alt="">
    </div>


    <div class="jiejue">
        <div class="container">
               <div class="col-12">
                      <h4><i><!--<img src="img/jiejue.png" alt="">--></i>解决方案</h4>
                   <p>Solutions</p>
               </div>
               <div class="row">
                   <div class="col-md-3">
                       <div class="col">
                           <img src="img/naozhong.png" alt="">
                           <p>网站、移动网站</p>
                           <p>
                               微信公众号开发移动网站微信公众号开发
                           </p>
                       </div>
                   </div>
                   <div class="col-md-3">
                       <div class="col">
                           <img src="img/huabi.png" alt="">
                           <p>网站、移动网站</p>
                           <p>
                               移动微信公众号开发移动网站微信公众<br/>
                               号开发解决方案
                           </p>
                       </div>
                   </div>
                   <div class="col-md-3">
                      <div class="col">
                          <img src="img/dianhua.png" alt="">
                          <p>网站、移动网站</p>
                          <p>
                              移动微信公众号开发移动网站微信公众<br/>
                              号开发
                          </p>
                      </div>
                   </div>
                   <div class="col-md-3">
                       <div class="col">
                           <img src="img/y.png" alt="">
                           <p>网站、移动网站</p>
                           <p>
                               移动微信公众号开发移动网站微信公众<br/>
                               号开发解决方案
                           </p>
                       </div>
                   </div>
               </div>
        </div>
    </div>
    <div class="kehu">
        <div class="container">
             <h4><i></i>客户案列</h4>
             <p>Customer Case</p>
        </div>
    </div>
    <div class="card-img">
            <div class="row">
                <img src="img/list-1.png" alt="">
                <img src="img/list-2.png" alt="">
                <img src="img/list-3.png" alt="">
                <img src="img/list-4.png" alt="">
                <img src="img/list-5.png" alt="">
                <img src="img/list-6.png" alt="">
                <img src="img/list-7.png" alt="">
                <img src="img/list-8.png" alt="">
            </div>
    </div>
    <div class="quanfang">
        <div class="container">
           <div class="row">
               <div class="a">
                   <p>全方位解决方案，为您轻松解决不同问题</p>
                   <p>A full of olutions for you to solve different problems</p>
               </div>
               <div class="chakan">
                   <a href="">查看更多</a>
               </div>
           </div>
        </div>
    </div>
    <div class="new">
        <div class="container">
            <h4><i><img src="img/new.png" alt=""></i>新闻动态</h4>
            <p>Hengwang News</p>
        </div>
    </div>
    <div class="guanyu">
        <div class="container">
           <div class="row">
               <div class="left">
                   <div class="row">
                       <div class="img-1">
                           <img src="img/guanyu-1.png" alt="">
                       </div>
                       <div class="card">
                           <h4>关于召开年会的通知</h4>
                           <p>
                               互联网，又称网际网路或音择因特网、英特网，是
                               网络与网络之间所串连成的庞大网络网络与网络
                               之......
                           </p>
                           <a href="">查看更多》</a>
                       </div>
                   </div>
               </div>
               <div class="right">
                   <div class="row">
                       <div class="img-1">
                           <img src="img/guanyu-2.png" alt="">
                       </div>
                       <div class="card">
                           <h4>关于召开年会的通知</h4>
                           <p>
                               互联网，又称网际网路或音择因特网、英特网，是
                               网络与网络之间所串连成的庞大网络网络与网络
                               之......
                           </p>
                           <a href="">查看更多》</a>
                       </div>
                   </div>
               </div>

           </div>
        </div>
    </div>



    <div class="fuwu">
        <div class="container">
           <div class="kefu">
               <h4><i><img src="img/fuwu.png" alt=""></i>服务客户</h4>
               <p>Serve Customers</p>
           </div>
            <div class="list">
               <div class="row">
                   <div class="list-img"><img src="img/fuwu-1.png" alt=""></div>
                   <div class="list-img"><img src="img/fuwu-2.png" alt=""></div>
                   <div class="list-img"><img src="img/fuwu-3.png" alt=""></div>
                   <div class="list-img"><img src="img/fuwu-4.png" alt=""></div>
                   <div class="list-img"><img src="img/fuwu-5.png" alt=""></div>
                   <div class="list-img"><img src="img/fuwu-6.png" alt=""></div>
                   <div class="list-img"><img src="img/fuwu-7.png" alt=""></div>
               </div>
            </div>
           <div class="card-a">
               <a href=""></a>
               <a href=""></a>
           </div>
        </div>
    </div>


</section>
<footer>
    <div class="container">
        <div class="row">
            <div class="lianxi">
                <h4>联系我们</h4>
                <p>地址：武汉市洪山区街道口鹏程国际B座2511</p>
                <p>电话：18238765101</p>
                <p>传真：（123）456-7890</p>
                <p>邮箱：support@vectorlab.com</p>
                <p><img src="img/shouji.png" alt="">027-82671661</p>
            </div>
            <div class="xiangguan">
                <h4>相关链接</h4>
                <div class="row">
                    <p>
                        <a href="">解决方案</a><br/>
                        <a href=""> 服务中心</a>
                    </p>
                    <p>
                        <a href="">产品展示</a><br/>
                        <a href="">关于我们</a>
                    </p>
                    <p>
                        <a href="">客户案例</a><br/>
                        <a href="">招贤纳士</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</footer>




<!--<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>-->

</body>
</html>